@import '../common.scss';
@mixin message($width,$height,$borderWidth,$borderColor,$borderStyle) {
	width: $width;
	height:$height;
	border-width:$borderWidth; /* 控制三角形大小 */
	border-color: $borderColor; /* 设置颜色为黑色 */
	border-style: $borderStyle;
	
	
}
.out_box{
	display: flex;
	flex-direction:row;
	flex-wrap: wrap-reverse;//方块在下方
}
.div1{
    @include message(0,0,20px,blue transparent transparent transparent,solid)  
}
.div2{
    @include message(0,0,30px,transparent transparent red transparent,solid)  
}
.div3{
    @include message(0,0,40px,transparent transparent transparent yellow,solid)  
}
.div4{
    @include message(0,0,50px,transparent #000000 transparent  transparent,solid)  
}